@charset "utf-8";
@import "common/reset";
@import "common/common";
.web {
    position: relative;
    width: 100%;
    overflow: hidden;
    header {
        height: n(150px);
        .left {
             line-height: n(58px);
            vertical-align: middle;
            text-align: center;
            width: n(125px);
            height: n(58px);
            border: n(2px) solid #ff9344;
            border-radius: n(25px);
            margin-top: n(50px);
            margin-left: n(25px);
            a {
                display: inline-block;
                color: #000000;

            }
        }
        .center {

            text-align: center;
            width: 100%;
            span {
                display: inline-block;
                margin-top: n(60px);
            }
        }
        .right {
            width: n(184px);
            select {
                -webkit-appearance: none;
                width: n(159px);
                height: n(55px);
                border: n(2px) solid #ff9344;
                background: url("../images/xialkuang.png") no-repeat right n(12px) top n(22px) #ffffff;
                border-radius: n(3px);
                background-size: n(30px) n(16px);
                text-indent: n(13px);
                margin-right: n(22px);
                font-size: n(26px);
                margin-top: n(48px);
            }
        }
    }
    section{
        margin-bottom: 90px;
    
    .eat {
        .meishi {
            width: 100%;
            list-style: none;
            li {
                float: left;
                text-align: center;
                display: inline-block;
                width: 25%;
                img {

                    width: 80%;
                }
                a {
                    display: block;
                    font-size: n(26px);
                    color: #000000;
                    font-weight: 500;
                }
            }
        }
        .yuan {
            text-align: center;
            li {

                border-radius: n(9px);
                background: $border-color;
                width: n(18px);
                height: n(18px);
                display: inline-block;
            }
        }
    }
        .group {
            margin-top: n(52px);
            .favorable {
                line-height: n(55px);
                i {
                    margin-left: n(21px);
                    color: $border-color;
                    vertical-align: middle;
                    font-size: n(55px);
                }
                span {
                    font-size: n(30px);
                    vertical-align: middle;
                }
            }
            .move {
                line-height: n(55px);
                a {
                    color: #000000;
                    vertical-align: middle;
                    font-size: n(30px);
                }
                i {
                    margin-right: n(20px);
                    vertical-align: middle;
                    color: $border-color;
                    font-size: n(24px);
                }
            }
        }
    .photo{
        
        ul{
             width: 100%;
            list-style: none;
            li{
                margin-top: n(38px);
                float: left;
                text-align: center;
                display: inline-block;
                width: 25%;
                img{
                    width: 80%;
                }
            }
        }
    }
    }   
}
